<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
	<title>jquery placeholder</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript" src="../jquery.placeholder-0.4.js"></script>
	<style type="text/css" rel="stylesheet">
	label.placeholder {
		color:#999 !important;
	}
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
		color:#999 !important;
	}
	input:-moz-placeholder, textarea:-moz-placeholder {
		color:#999 !important;
	}

	input  { padding:4px 1px 3px 5px; border-top:1px solid #b5b5b5;  border-right:1px solid #ddd; border-bottom:1px solid #ddd;  border-left:1px solid #b5b5b5; }
	</style>
</head>
<body>
	dddddd
	<br />
	55555<input type="text" name="test" placeholder="아이디아이디아이디55533333555555555" style="width:120px" value="">dddd
	<br />
	<br />dddddddd
	<input type="password" name="password" placeholder="비밀번호" style="width:120px" value="ㅋ">ddddd
	<br />
	<input type="text" name="xxxxxxx" placeholder="비밀번호" style="width:120px;padding:20px;font-size:20px;" value=""><br />
	<textarea name="av9os8djfa" placeholder="테스트를 길게 길게 줄줄줄 늘여서 다음줄로 떨어지게 뚝뚝"></textarea><a href="#" onclick="$(this).prev().remove(); return false;">remove</a>
	<br />
	<a href="#" onclick="$('#toggleObj').toggle(); return false;">toggle</a>
	<input type="text" id="toggleObj" name="test" placeholder="아이디아이디아이디55533333555555555" style="width:120px; display:none;" value="">

	<br />
	<a href="#" onclick="$(document.body).append('<input type=text placeholder=테스트 />'); return false;">append</a>
	<br />
	<a href="#" onclick="$('<input type=text placeholder=테스트 />').appendTo(document.body); return false;">appendTo</a>
	<br />
	<a href="#" onclick="$(':input:last').after('<input type=text placeholder=테스트 />'); return false;">after</a>
	<br />
	<a href="#" onclick="$('<input type=text placeholder=테스트 />').insertBefore(':input:last'); return false;">insertBefore</a>
	<br />
	<a href="#" onclick="$('<input type=text placeholder=테스트 />').insertAfter(':input:last'); return false;">insertAfter</a>
</body>
</html>